<template>
  <div class="border">
    <h3>这是childCom3组件</h3>
    <p>{{ coo }}---{{ title }}</p>
    <!-- $attrs获取的是 -->
    <p>childCom3的$attrs{{ $attrs }}</p>
  </div>
</template>
<script>
export default {
  // coo title都是曾祖元素中动态绑定的属性，居然能拿到，就依赖的是其父元素绑定的$attrs
  props: {
    coo: String,
    title: String
  },
  created() {
    console.log(this.$attrs); // {doo: "vue", p-child: "从公已觉十年迟"}
    //  向曾祖根元素index传值
    // 1.同子组件向父组件传值一样，$emit()
    // 2.中间的组件使用v-on="$listeners"

    this.$emit('test1', '哈哈传给曾祖父index组件');
  }
};
</script>
<style lang="less" scoped></style>
